<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--公共样式，咱们定义一次可以多次使用-->
		<link rel="stylesheet" type="text/css" href="../css/header.css" />
    <link rel="stylesheet" type="text/css" href="../css/footer.css" />
    <link rel="stylesheet" type="text/css" href="../css/login.css" />
    <link rel="stylesheet" type="text/css" href="../css/base-clear.css" />
	</head>
	<body>
		<!--header-->
	
		<div class="header-container"></div>
		<!--banner-->
		<div class="banner">
			<div class="main">
                <!-- <img src="../img/login/bg1.jpg"> -->
				<img src="../img/login/bg1.jpg">
				<div class="login">
					<div class="code">
						<a href="#">密码登录</a>
						<a href="#" class="a2">短信登录</a>
					</div>
					<form>
						<div class="username">
							<span></span>
							<input type="text" placeholder="会员名/邮箱/手机号" class="clearInput"/>
						</div>
						<div class="username userpwd">
							<span></span>
							<input type="password" placeholder="密码" class="clearInput"/>
						</div>
						<div class="link">
                            <a href="regiest.html">免费注册</a>
                            <a href="regiest.html">忘记用户名</a>
                            <a href="regiest.html">忘记密码</a>
						</div>
						<div class="btn">
							<input type="button" value="登录" style="font-size: 16px; color:white" class="clearInput"/>
						</div>
					</form>
					<div class="bottom">
						<div class="left">
							<a href="#" class="a1">微博登录</a>
							<span></span>
							<a href="#" class="a2">支付宝登录</a>
						</div>
					</div>
				</div>
			</div>
		</div>
        <!-- 这是尾部区域 -->
		<div class="footer-container"></div>
    <script src="../libs/jquery.min.js"></script>
    <script src="../libs/require.js"></script>
    <script>
        $('.header-container').load('./header.html', function () {
        })
        $('.footer-container').load('./footer.html')
    </script>
	<script src="../js/login.js"></script>
	</body>
</html>
